<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
 <script type="text/javascript" src="lib/easeljs-0.7.1.min.js"></script>
</head>
<body onload="init()">
 <canvas id = "mycanvas" width="500px" height="500px" style="border:1px solid #ccc;"></canvas>
</body>
</html>

<script type="text/javascript">
 var stage;
 function init(){
  stage = new createjs.Stage(document.getElementById("mycanvas"));
  createjs.Ticker.addEventListener("tick",function(e){
   stage.update();
  })
  createjs.Ticker.setFPS(60);
  start();

 }

 function start(){
 	stage.enableMouseOver();
  var circle = new createjs.Shape();
  circle.graphics.beginFill("blue").drawCircle(0,0,50);
  circle.x = stage.canvas.width/2;
  circle.y = stage.canvas.height/2;
  circle.name = "blue cirlce";
  stage.addChild(circle);
  circle.cursor = "pointer"
  circle.addEventListener("mousedown",function(e){
   // alert(e.target.x+"球被点击了！")
   // circle.alpha = 0.5;
   stage.addEventListener("stagemousemove",function(e) {
   		circle.x = stage.mouseX;
   		circle.y = stage.mouseY
   })
     stage.addEventListener("stagemouseup",function(e){
   // alert(e.target.x+"球被点击了！")
   // circle.alpha = 1;
   e.target.removeAllEventListeners();
  	})
  })
 }
</script>